﻿@model IEnumerable<Unijovem.UI.Models.DevocionalModel>
@{
    ViewBag.Title = "Devocionais";
}
<script src="@Url.Content("~/Scripts/jquery.corner.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $('div.imagem').each(function () {
            $(this).corner("round 10px");
        });

        $('img.imagem').each(function () {
            $(this).corner("round 9px");
        });

        $('div.eventoDetalhes').each(function () {
            $(this).corner("round 5px");
        });

        $('div.eventoDetalhes').each(function (index) {
            var eventoDetalhes = $(this);

            $(this).mouseover(function () {
                $(this).removeClass("eventoDetalhes");
                $(this).addClass("eventoDetalhesOver");
            });

            $(this).mouseout(function () {
                $(this).addClass("eventoDetalhes");
                $(this).removeClass("eventoDetalhesOver");
            });

            $(this).click(function () {
                $('div.informacaoEvento').each(function (indexEvento) {
                    if (index != indexEvento)
                        $(this).slideUp("slow");
                });

                var informacao = $('div.informacaoEvento')[index];

                if ($(informacao).is(":visible")) {
                    $(informacao).slideUp("slow");
                    eventoDetalhes.text("Ver devocionais");
                } else {
                    $(informacao).slideDown("slow");
                    eventoDetalhes.text("Ocultar devocionais");
                }
            });
        });
    });
</script>
<div class="floatLeft" style="width: 650px">
    <h3>Devocionais</h3>
    <div class="divTexto" style="padding: 0; !important">
        @foreach (var item in Model.Select(m => new { m.Autor.Nome, NomeArquivo = m.Autor.Arquivo.Nome, m.Autor.Id, m.Autor.Informacao }).Distinct())
        {
            <div style="width: 100%; min-height: 100px;">
                <div class="imagem floatLeft">
                    <img src="@Url.Content(Path.Combine(Unijovem.UI.Models.ArquivoModel.SelecionarCaminhoImagem(Unijovem.UI.Models.ArquivoModel.TipoArquivo.Autor), String.IsNullOrEmpty(item.NomeArquivo) ? string.Empty : item.NomeArquivo))" 
                    alt="@item.Nome" class="imagem" />
                </div>
                <div style="padding: 5px 0px 0px 10px; max-width: 530px; text-align: justify" class="eventoLista floatLeft">
                    <span class="vermelho" style="font-size: 19px;">@item.Nome</span>
                    <br />
                    @item.Informacao
                </div>
            </div>
            <div style="clear: both; height: 7px;">
            </div>
            <div class="informacaoEvento">
                <span><b>Devocionais</b></span>
                <br />
                <br />
                @foreach (var devocional in Model.Where(m => m.IdAutor == item.Id).OrderBy(m => m.Titulo))
                {
                    @Html.ActionLink(devocional.Titulo, "DetalhesLeitura", new { id = devocional.Id })
                    <br />
                }
            </div>
            <div class="eventoDetalhes">
                Ver devocionais
            </div>
        }
    </div>
</div>
@Html.Partial("~/Views/PartialView/Promocao.cshtml", "200")
